<template>
  <div>
    
    <li>
      <el-form
        size="mini"
        
        :mode2="listData"
        :rules="rules"
        ref="guahao"
        label-width="100px"
        class="demo-form2"
      >
     
        <el-form-item label="就诊号" prop="id">
          <el-input v-model="listData.id"></el-input>
        </el-form-item>
        <el-form-item label="患者姓名" prop="name">
          <el-input v-model="listData.name"></el-input>
        </el-form-item>
         <el-form-item label="年龄" prop="age">
          <el-input v-model="listData.age"></el-input>
        </el-form-item>
        <el-form-item label="手机号" prop="telephone">
          <el-input v-model="listData.telephone"></el-input>
        </el-form-item>
        <el-form-item label="身份证号" prop="card">
          <el-input v-model="listData.card"></el-input>
        </el-form-item>
        <el-form-item label="挂号类型" prop="type">
          <el-input v-model="listData.type"></el-input>
        </el-form-item>
        <el-form-item label="挂号时间" prop="date">
          <el-input v-model="listData.date"></el-input>
        </el-form-item>
        <el-form-item label="所属科室" prop="departmentname">
          <el-input v-model="listData.departmentname"></el-input>
        </el-form-item>
        <el-form-item label="就诊医生" prop="doctorname">
          <el-input v-model="listData.doctorname"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button
            type="primary"
            @click="submitForm"
            >转住院</el-button
          >
          <el-button @click="deletefrom"
            >删除</el-button
          >
        </el-form-item>
      </el-form>
    </li>
    
  </div>
</template>
<script>
export default {
  name:"GuaHaoComp",
   props:['listData'],
  data(){
    return{
      rules:{
        
       },
       listData: {
         id:'',
         age:'',
        name: "",
        telephone: "",
        card: "",
        type:'',
        data:'',
        departmentname:'',
        doctorname:''
      
      },
      
    }
  },
  methods: {
    add() {
      this.addguahao=true;
      
    },
    onSubmit(){

    },
    submitForm(){
      this.guahaolist=true;
      this.addguahao=false;

    },
    deletefrom(){

    }
  },
}
</script>
<style scoped>
li {
  float: left;
  width: 300px;
  height: 540px;
  border: solid;
  border-radius: 1px;
  list-style-type: none;
  border-color: rgb(220, 216, 224);
}
.demo-form2{
  margin-right: 30px;
  margin-top: 50px;
}
</style>